<ion-view>
    <ion-nav-title>
        <div ng-if="connectStatus == 'connected'"><img class="titlogo" src='/logoa.svg' /></div>
        {{connectStatus | status}}
    </ion-nav-title>
    <ion-nav-buttons side="right">
        <a nav-clear menu-close class="button button-icon button-clear ion-ios-list" ng-href="#/main/list"> </a>
    </ion-nav-buttons>
    <ion-header-bar ng-click="onHold(myrequest)" ng-show="$root.currentUser.request" class="paiy bar bar-subheader">
        <h1 class="title">{{showRequest()}}
            <ion-spinner icon="ripple" class="spinner-royal"></ion-spinner>
        </h1>
    </ion-header-bar>
    <ion-header-bar ng-repeat="order in orders" ng-hide="order.state == 'complete'" ng-click="service(order)" class="paiy bar bar-subheader">
        <h1 class="title">
            <ion-spinner icon="ripple" class="spinner-royal"></ion-spinner>
            {{showOrders(order)}}
        </h1>
    </ion-header-bar>
    <ion-content has-header="true" scroll="true" scrollbar-y="false">
        <!--<<bmap id="container" locationx="{{location}}"></bmap>-->
        <map id="container" location="location" on-create="mapCreated(map)" ng-show="!searching">
        </map>
        <div class="amap-controls" ng-show="gettingPos === false">
            <div style="position: absolute; z-index: 9999; left: 15px; bottom: 55px;">
                <div class="amap-geo" ng-click="clickGeo()"></div>
            </div>
        </div>
        <div class="amap-controls" ng-show="gettingPos === true">
            <div style="position: absolute; z-index: 9999; left: 15px; bottom: 55px; background-color: rgba(240, 248, 255, 0.71); border-radius: 10px;">
                <div><i class="royal"><ion-spinner icon="circles" class="spinner-royal"></ion-spinner><span id="dingw">定位中...</span></i></div>
            </div>
        </div>


        <ion-list ng-show="searching">
            <ion-item ng-repeat="des in destinations" ng-click="setDestination(des)"> {{des.name}}--{{des.district}}
            </ion-item>
        </ion-list>
    </ion-content>
    <ion-footer-bar ng-if="$root.currentUser.request" class="bar-stable">
        <label id="seach" class="item item-input item-stacked-label col col-50"> <i class="icon ion-search placeholder-icon"></i>
            <input type="search" ng-model="destination" placeholder="输入目的地">
        </label>
        <a class="button col col-20" ng-click="search(destination)" style="margin: 0 16px;">搜索</a> <a id="rews" class="button col col-20" ng-click="resetDestination()">返回</a>
    </ion-footer-bar>
</ion-view>
